.footerbox-top {
    height          : 340px;
    width           : 100%;
    background-image: url("../images/index/footer/bg.png");
    background-size : cover;

    .top {
        border-bottom: 2px solid #787878;
        margin-bottom: 20px;
        height       : 170px;

        .left {
            margin-top: 60px;
        }

        .center {
            margin: 98px 0 0 30px;
        }

        .right {
            .fl {
                height        : 130px;
                vertical-align: middle;
                margin-top    : 36px;
                line-height   : 2;
                margin-right  : 0px;
                color         : #ffffff;
                text-align    : right;
                font-size     : 14px;
            }

            .fr {
                color     : white;
                width     : 193px;
                text-align: center;
                margin-top: 15px;
                font-size : 13px;
            }
        }
    }

    .bottom {
        height: 150px;
        color : #ffffff;

        .first {
            margin-left: 100px;
        }

        dl {
            float: left;
            width: 180px;

            dt {
                font-weight: bold;
            }

            dd {
                margin-top: 10px;

                a {
                    color: #a9a9a9;

                }

                a:hover {
                    color: #c40000;
                }
            }
        }

        .last a {
            color: yellow;
        }

        .last a:hover {
            color: yellow;
        }

    }
}

.footerbox-center {
    img {
        margin: 20px 0;
    }

    .filedbox {
        position   : relative;
        overflow   : hidden;
        height     : 32px;
        line-height: 32px;
        text-align : center;

        ul {
            position: relative;
            height  : 160px;
            top     : 0px;

            .clone {
                font-size: 13px;

                a {
                    color  : #080808;
                    display: inline-block;
                    margin : 0 10px;
                }

                a:hover {
                    color: #c40000;
                }
            }
        }
    }
}

.footerbox-bottom {
    text-align: center;

    p {
        height     : 24px;
        line-height: 24px;
    }

    a img {
        margin-right: 16px;
        margin      : 15px 0;
    }
}

.rightFixe {
    position  : fixed;
    right     : 0;
    top       : 0;
    width     : 32px;
    height    : 100%;
    background: #eaeaea;
    z-index   : 10003;
    text-align: center;
    color     : #c40000;

    .rightFixe-box {
        position  : absolute;
        left      : 0;
        top       : 50%;
        margin-top: -216px;
        width     : 32px;
        height    : 432px;

        a {
            color: #c40000;
        }

        a:hover {
            color     : #ffffff;
            background: #c40000;
        }
        .cartsbox {
            display       : none;
            width            : 546px;
            height           : 272px;
            background       : url(./../images/details/carts.png);
            position         : absolute;
            left             : -543px;
            background-repeat: no-repeat;
            top              : 10px;
            a{
                color: #3388bb;
                position: absolute;
                left: 113px;
                top: 42px;
                font-size: 12px;
                
            }
            a:hover{
                color: #3388bb;
                background: #fff;
                text-decoration:underline;
            }
            .off{
                display: block;
                width: 25px;
                height: 25px;
                position: absolute;
                top: -2px;
                right: 4px;
                cursor: pointer;
            }
            img{
                position: absolute;
                left: -84px;
                top: 72px;
            }
        }
    }

    .footer-icon {
        padding      : 10px 0;
        border-bottom: 1px solid #c8c8c8;
        font-size    : 13px;
    }

    .footer-tip {
        position  : absolute;
        text-align: center;
    }

    .r_btn {
        position: relative;
        display : block;
        padding : 0 3px;
        cursor  : pointer;

        #i {
            margin-right: 6px;
            // position: relative;
            // left: 0px;
            // top: 0px;
        }

        i {
            font-size: 18px;
        }
    }

    

    .a0 {
        .tips0 {
            cursor     : pointer;
            opacity    : 0;
            display    : none;
            height     : 40px;
            line-height: 40px;
            width      : 80px;
            background : #494949;
            right      : 56px;
            top        : 0;
            font-size  : 12px;
            color      : #fff;
        }
    }

    .a1 {
        .tips {
            cursor     : pointer;
            opacity    : 0;
            display    : none;
            height     : 40px;
            line-height: 40px;
            width      : 80px;
            background : #494949;
            right      : 56px;
            top        : 0;
            font-size  : 12px;
            color      : #fff;
        }
    }

    .a2 {
        .tips2 {
            cursor     : pointer;
            opacity    : 0;
            display    : none;
            height     : 40px;
            line-height: 40px;
            width      : 80px;
            background : #494949;
            right      : 56px;
            top        : 0;
            font-size  : 12px;
            color      : #fff;
        }
    }

    .a3 {
        .tips3 {
            cursor     : pointer;
            opacity    : 0;
            display    : none;
            height     : 40px;
            line-height: 40px;
            width      : 80px;
            background : #494949;
            right      : 180px;
            top        : 0;
            font-size  : 12px;
            color      : #fff;
        }
    }

    .a4 {
        .tips4 {
            cursor     : pointer;
            opacity    : 0;
            display    : none;
            height     : 40px;
            line-height: 40px;
            width      : 80px;
            background : #494949;
            right      : 210px;
            top        : 0;
            font-size  : 12px;
            color      : #fff;
        }
    }

    .a5 {
        .tips5 {
            cursor     : pointer;
            opacity    : 0;
            display    : none;
            height     : 40px;
            line-height: 40px;
            width      : 80px;
            background : #494949;
            right      : 56px;
            top        : 0;
            font-size  : 12px;
            color      : #fff;
        }
    }

    .a6 {
        margin-top: 70px;

        .tips6 {
            cursor     : pointer;
            opacity    : 0;
            display    : none;
            height     : 40px;
            line-height: 40px;
            width      : 80px;
            background : #494949;
            right      : 56px;
            top        : 0;
            font-size  : 12px;
            color      : #fff;
        }
    }

    .a7 {
        .tips7 {
            cursor     : pointer;
            opacity    : 0;
            display    : none;
            height     : 40px;
            line-height: 40px;
            width      : 80px;
            background : #494949;
            right      : 56px;
            top        : 0;
            font-size  : 12px;
            color      : #fff;
        }
    }

}